<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<style>
		@import url('../../assets/css/style.css');
	</style>

	<title>Tahmins</title>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">

		function goster_gizle(){
			$('#person_settings').fadeToggle('slow',function(){
				if($("#person_settings").is(":visible"))
					$("a#person_btn").val("Sakla");
				else
					$("a#person_btn").val("Göster");
			});
		}
		function gereksizse_gizle(){
			$('#person_settings').fadeOut('slow');
		}
		
		
	</script>



	
</head>
<body>
	<div id="container">
		<div id="header">
			<div id="banner"></div>
		</div>
		<div id="content">
			<div id="main_logo">
				<a href="#"><img src="img/logo.png"></a>
			</div>
			<div id="social">
				<div id="social_button">
					<a href="#"><img src="img/social_f.png"></a>
					<a href="#"><img src="img/social_t.png"></a>
				</div>
			</div>
				
			<div id="person_panel">

						<!-- **** ÜYE GİRİŞİNDEN ÖNCE GÖRÜNECEK-->

			
				<div id="login_register_btns">
					<a href="#modal"  class="login"><img src="img/login_btn.png"></a>
					<a href="#modal"  class="register"><img src="img/register_btn.png"></a>
				</div>
					
			
						<!--  ÜYE GİRİŞİNDEN ÖNCE GÖRÜNECEK ****-->
			

						<!-- **** ÜYE GİRİŞİNDEN SONRA GÖRÜNECEK -->

			<!--			
				<a href="#" id="person_btn">abdurrahmankilic1959</a>

				<script type="text/javascript">
					$("#person_btn").click(goster_gizle);
					$("#person_settings").click(gereksizse_gizle);
				</script>
				

				<ul id="person_settings">
					<li><a href="#">Tahmins Yap</a></li>
					<li class="acik"><a href="#">Tüm Tahminslerim</a></li>
					<li><a href="#">Takip Ettiklerim</a></li>
					<li class="acik"><a href="#">Şifre Değiştirme</a></li>
					<li><a href="#">Çıkış Yap</a></li>
				</ul>
			-->
						<!--  ÜYE GİRİŞİNDEN SONRA GÖRÜNECEK ****-->


				<div id="followers_count_panel"> 
					<span class="followers_count">10000000</span> &nbsp; takipçiniz var.
				</div>
				<div id="support_buttons">
					<a href="#" class="help">Yardım</a>
					<a href="#">İletişim</a>
				</div>
						
			


				
			</div>
				

			<div id="nav">
				<ul>
					<li><a href="#"></a></li>
					<li class="çizgili"><a href="#">Anasayfa</a></li>
					<li class="çizgili"><a href="#">En Son Tahmins'ler</a></li>
					<li class="çizgili"><a href="#">Canlı Tahmins'ler</a></li>
					<li class="çizgili"><a href="#">Kazanan Tahmins'ler</a></li>
					<li class="çizgili"><a href="#">En İyi Tahminsci'ler</a></li>
					<li class="çizgili"><a href="#">En Beğenilen Tahmins'ler</a></li>
					<li><a href="#">Ayın Tahminsci'si</a></li>
				</ul>
			</div>
			


			<div id="share_board">
				<div id="share_panel">
					<div class="tag">Oran</div>
					<input class="input_area" type="text" name="rate">
					<div class="tag"><span class="red">Tahmins</span>'i resim olarak paylaş</div>
					
                                            
     
                                        
                                        <div class="custom-file-upload">
                                            <!--<label for="file">File: </label>--> 
                                            <input type="file" class="input_area_choice" id="file" name="myfiles[]" multiple />
                                            <input class="input_btn" type="submit" value="Seç" >
                                        </div>
					<div class="tag"><span class="red">Tahmins</span>'i yazarak paylaş</div>
					<textarea  class="text_area" name="text"></textarea>

					<a href="#" class="buttons">VAZGEÇ</a>
					<a href="#" class="buttons share">PAYLAŞ</a>
				</div>
				<div id="share_clue">
                                    <div class="head_bg"></div>
                                    <p>Tahmins’i resim yada yazı olarak paylaşabilirsiniz.
İkisini birden seçmenize gerek yoktur.</p>
                                    <p>Eğer yazı olarak paylaşmak isterseniz. Maç kodu,
takımların ismi ve oran şeklinde paylaşırsanız 
daha açıklayıcı olur. Teşekkür Ederiz.</p>
                                    
                                    
                                </div>
			</div>


			<div id="ads">
				<div id="reward_zone">
					<a href="#" class="reward"><img src="img/reward.png"></a>
					<a href="#" class="reward_btn"></a>
				</div>
			</div>

		</div>
	</div>










</body>
</html>